<!DOCTYPE html>
<html>
<head>
    <title>客流量</title>
    <!--<link rel="stylesheet" href="${request.contextPath}/statics/css/bootstrap.min.css">
    <link rel="stylesheet" href="${request.contextPath}/statics/plugins/layui/css/layui.css">-->
    <link rel="stylesheet" href="${request.contextPath}/statics/plugins/adminLTE/css/adminlte.min.css">
    <link rel="stylesheet" href="${request.contextPath}/statics/plugins/adminLTE/css/all.min.css">
    <link rel="stylesheet" href="${request.contextPath}/statics/plugins/adminLTE/css/OverlayScrollbars.min.css">
    <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700" rel="stylesheet">
    <link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
    <link rel="stylesheet" href="../../statics/plugins/layui2.5.6/css/layui.css">
    <script src="${request.contextPath}/statics/libs/jquery.min.js"></script>
    <script src="${request.contextPath}/statics/plugins/layer/layer.js"></script>
    <script src="${request.contextPath}/statics/libs/bootstrap.min.js"></script>
    <script src="${request.contextPath}/statics/libs/vue.min.js"></script>
    <script src="${request.contextPath}/statics/plugins/jqgrid/grid.locale-cn.js"></script>
    <script src="${request.contextPath}/statics/plugins/jqgrid/jquery.jqGrid.min.js"></script>
    <script src="${request.contextPath}/statics/plugins/ztree/jquery.ztree.all.min.js"></script>
    <script src="${request.contextPath}/statics/js/common.js"></script>
    <script src="../../statics/plugins/layui2.5.6/layui.js"></script>

</head>
<body>
<section class="content">
    <div class="container-fluid">
        <div class="row">
            <div class="col-lg-4 col-6">
                <!-- small box -->
                <div class="small-box bg-info">
                    <div class="inner" style="text-align: center;">
                        <h3>昨日客流量：<span id="zongy">0</span>/人次</h3>
                        <h4 style="display: inline-block;width: 50%;border-right: 1px solid white;">南区：<span id="southy">0</span>/人次</h4>
                        <h4 style="display: inline-block;width: 49%;">北区：<span id="northy">0</span>/人次</h4>
                    </div>
                    <div class="icon">
                        <i class="ion ion-android-people"></i>
                    </div>
                </div>
            </div>
            <!-- ./col -->
            <div class="col-lg-4 col-6">
                <!-- small box -->
                <div class="small-box bg-success">
                    <div class="inner" style="text-align: center;">
                        <h3>今日客流量：<span id="zongt">0</span>/人次</h3>
                        <h4 style="display: inline-block;width: 50%;border-right: 1px solid white;">南区：<span id="southt">0</span>/人次</h4>
                        <h4 style="display: inline-block;width: 49%;">北区：<span id="northt">0</span>/人次</h4>
                    </div>
                    <div class="icon">
                        <i class="ion ion-android-people"></i>
                    </div>
                </div>
            </div>
            <!-- ./col -->
            <div class="col-lg-4 col-6">
                <!-- small box -->
                <div class="small-box bg-warning">
                    <div class="inner" style="text-align: center;color: white;">
                        <h3>本月客流量：<span id="zongm">0</span>/人次</h3>
                        <h4 style="display: inline-block;width: 50%;border-right: 1px solid white;">南区：<span id="southm">0</span>/人次</h4>
                        <h4 style="display: inline-block;width: 49%;">北区：<span id="northm">0</span>/人次</h4>
                    </div>
                    <div class="icon">
                        <i class="ion ion-android-people"></i>
                    </div>
                </div>
            </div>
            <!-- ./col -->
        </div>
        <!-- /.row -->
        <div class="row" style="height: 50px;">
            <div class="card-tools">
                <button type="button" class="btn btn-primary" onclick="rllChart(0)">近七天</button>
                <button type="button" class="btn btn-primary" onclick="rllChart(1)">近三十天</button>
                自定义时间:
                <button type="button" class="btn btn-success" style="padding: 0;border: none;background-color:none ;"><input id="beginTime" type="text"placeholder="开始时间" readonly/></button>
                ——<button type="button" class="btn btn-success" style="padding: 0;border: none;background-color: none;"><input id="endTime" type="text"placeholder="结束时间" readonly/></button>
                <button type="button" class="btn btn-success" onclick="rllChart(2)">查询</button>

            </div>
        </div>

        <div class="row" style="height: 400px;">
            <div class="col-md-12" style="height: 100%;">
                <div class="card" style="height: 100%;">
                    <div class="card-header">
                        <h4 class="card-title">客流量统计</h4>
                        <div class="card-tools">
                            <button type="button" class="btn  btn-success" onclick="rllExp()">
                                数据导出
                            </button>
                        </div>
                    </div>
                    <!-- /.card-header -->
                    <div class="card-body"style="height: 80%;">
                        <div class="row" style="height: 100%;">
                            <div class="col-md-12" style="height: 100%;" id="rllchart">


                            </div>
                            <!-- /.col -->
                        </div>
                        <!-- /.row -->
                    </div>

                </div>
                <!-- /.card -->
            </div>
            <!-- /.col -->
        </div>
        <!-- /.row -->

    </div>
</section>

</body>
<script>
    layui.use('laydate', function() {
        var laydate = layui.laydate;
        //日期时间选择器
        laydate.render({
            elem: '#beginTime'
            ,type: 'date'
        });
        laydate.render({
            elem: '#endTime'
            ,type: 'date'
        });
    });
</script>
</html>
<script src="../../statics/js/indexs/echarts-all.js"></script>
<script src="${request.contextPath}/statics/plugins/adminLTE/js/adminlte.min.js"></script>
<script src="${request.contextPath}/statics/js/modules/rll/rlldayinfo.js?_${.now?long}"></script>